﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="student.aspx.cs" Inherits="webapi.views.student" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>学生选课系统</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
    crossorigin="anonymous" />
  <link href="../public/css/courseList.css" rel="stylesheet" type="text/css" />
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
    integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
    crossorigin="anonymous"></script>
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  <style>
    .hight-black {
      font-weight: bold;
    }
    .light {
      color: red;
      font-weight: bold;
    }
  </style>
</head>
<body class="fontColor">
  <form id="form1" runat="server">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-2 btn-group my_list_btn" role="group">
          <input id="refresh" class="btn btn-primary btn-xs" value="刷新" type="button" />
          <%--<asp:Button ID="seleced_course" CssClass="btn btn-info btn-xs" runat="server"
            Text="已选课程" UseSubmitBehavior="False"
            CausesValidation="False" />--%>
          <asp:Button ID="exit" class="btn btn-warning btn-xs" runat="server" Text="退出"
            OnClick="exit_Click" />
        </div>
        <div class="col-md-10">
          <span id="userId"></span>
          <span id="userName"></span>
          <span class="hight-black">  你的选修课修读学分</span>
          <span id="choose_num" class="hight-black"></span>
          <span class="hight-black">学分  </span>
          <span class="light">已修读：</span>
          <span id="chose_num" class="light"></span>
          <span class="light">学分  还应修读：</span>
          <span id="need" class="light"></span>
          <span class="light">学分</span>
        </div>
      </div>
      <div class="row">
        <div class="col-md-2">
          <!--我的课程 -->
          <div class="row">
            <div class="bg-primary tao_bg_primary">我的课程</div>
            <div class="my_course bg-info">
              <div id="myList"></div>
            </div>
          </div>
          <!--课程列表 -->
          <div class="row" runat="server">
            <div class="bg-primary tao_bg_primary">开设课程</div>
            <div class="course_list bg-warning">
              <div id="list"></div>
            </div>
          </div>
        </div>
        <div class="col-md-10">
          <!--我的课程表 -->
          <div class="row">
            <div class="course_detail" style="margin-bottom: 5px">
              <table class="table table-bordered table-striped">
                <thead id="myThead" align="justify" runat="server">
                </thead>
                <tbody id="myTbody" runat="server">
                </tbody>
              </table>
            </div>
          </div>
          <!--课程的分布表 -->
          <div class="row">
            <div class="course_detail" style="margin-top: 5px">
              <table class="table table-bordered table-striped">
                <thead id="thead" align="center" runat="server">
                </thead>
                <tbody id="tbody" runat="server">
                </tbody>
              </table>
              <%--按钮组--%>
              <div id="btn_group" class="btn_group">
                <button id="choose" class="btn btn-primary">选课</button>
                <button id="drop" class="btn btn-danger">退课</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </form>
</body>
<script type="text/javascript" src="../public/js/request.js"></script>
<script type="text/javascript" src="../public/js/student.js"></script>
</html>
